<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>合作伙伴</title>
  <!-- 偏爱图标 -->
  <link rel="shortcut icon" href="./public/images/favicon.png" type="image/x-icon">
  <!-- 引入bootstrap样式 -->
  <link rel="stylesheet" href="./public/bootstrap/css/bootstrap.min.css">
  <!-- 引入外部样式 -->
  <link rel="stylesheet" href="./public/css/base.css">
  <link rel="stylesheet" href="./public/css/partner.css">
</head>

<body>
  <!-- 头部 -->
  <header class="container">
    <div class="row">
      <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" id="logo">
        <a href="index.html">
          <img src="./public/images/logo.png">
        </a>
      </div>
      <div class="hidden-xs col-sm-7 col-md-7 col-lg-7">
        <ul class="nav nav-pills nav-justified row">
          <li role="presentation"><a href="index.html">首页</a></li>
          <li role="presentation"><a href="aboutUs.html">关于我们</a></li>
          <li role="presentation"><a href="movie.html">电影</a></li>
          <li class="hidden-xs" role="presentation"><a href="teleplay.html">电视剧</a></li>
          <li class="hidden-xs hidden-sm active" role="presentation"><a href="partner.html">合作伙伴</a></li>
          <li class="hidden-xs hidden-sm" role="presentation"><a href="#">经典影视</a></li>
          <li class="hidden-xs hidden-sm hidden-md" role="presentation"><a href="#">新闻资讯</a></li>
        </ul>
      </div>
      <div class="hidden-xs hidden-sm hidden-md col-md-2 col-lg-2">
        <a href="#"><button class="btn btn-primary btn-md">新闻资讯</button></a>
      </div>
    </div>
  </header>

  <section id="partner" class="container">
    <div class="row">
      <h3><span>合作伙伴</span></h3>
    </div>
    <div class="row partner-list text-center">
      <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
        <a href="#" class="thumbnail">
          <img src="./public/images/partner/04f45bbf77bcab7aa41f43e07f235683.jpg">
        </a>
        <p>腾讯视频</p>
      </div>
      <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
        <a href="#" class="thumbnail">
          <img src="./public/images/partner/20af197e90199a133ff19a1a47a14838.jpg">
        </a>
        <p>腾讯视频</p>
      </div>
      <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
        <a href="#" class="thumbnail">
          <img src="./public/images/partner/7bcc386a548ca95e3c15b9fd6a6e3118.jpg">
        </a>
        <p>腾讯视频</p>
      </div>
      <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
        <a href="#" class="thumbnail">
          <img src="./public/images/partner/ba3445b0d67b6a0a8bace60894ed7984.jpg">
        </a>
        <p>腾讯视频</p>
      </div>
      <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
        <a href="#" class="thumbnail">
          <img src="./public/images/partner/dcd729e3ee68293b296ef5b2b8cc0142.jpg">
        </a>
        <p>腾讯视频</p>
      </div>
      <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
        <a href="#" class="thumbnail">
          <img src="./public/images/partner/dfc4d0b02b9b28e8fa8b0b297f231004.png">
        </a>
        <p>腾讯视频</p>
      </div>
      <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
        <a href="#" class="thumbnail">
          <img src="./public/images/partner/fbd8d4bef1cbe3804d4154372b805103.jpg">
        </a>
        <p>腾讯视频</p>
      </div>
    </div>
    </div>
  </section>
  <!-- 底部 -->
  <footer id="foot-wrapper" class="container-fluid">
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <ul class="foot-nav">
          <li>
            <a href="index.html">首页</a>
          </li>
          <li>
            <a href="aboutUs.html">关于我们</a>
          </li>
          <li>
            <a href="movie.html">电影</a>
          </li>
          <li>
            <a href="teleplay.html">电视剧</a>
          </li>
          <li>
            <a href="partner.html">合作伙伴</a>
          </li>
          <li>
            <a href="#">经典影视</a>
          </li>
          <li class="hidden-xs hidden-sm">
            <a href="#">新闻资讯</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
        <p>版权所有 <span>&copy;</span> 2021 XXX</p>
      </div>
    </div>
  </footer>

 <!-- 返回顶部 -->
 <div class="back-top" data-toggle="tooltip" data-placement="top" title="返回顶部">
  <span class="glyphicon glyphicon-circle-arrow-up"></span>
</div>
  <script src="./public/jquery/jquery.min.js"></script>
  <script src="./public/bootstrap/js/bootstrap.min.js"></script>
  <script src="./public/js/base.js"></script>
</body>

</html>